const path = require('path')

function resolve(dir) {
    return path.resolve(__dirname, dir)
}

module.exports = {
    publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
    // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
    outputDir: `dist/qianKunTest`,
    // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
    assetsDir: 'static',
    // 是否开启eslint保存检测，有效值：ture | false | 'error'
    lintOnSave: process.env.NODE_ENV === 'development',
    // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
    productionSourceMap: false,
    // 别名
    // configureWebpack: { 
    //     resolve: {
    //       alias: {
    //         '@': resolve('./src'),
    //         '@img': resolve('./src/assets/img')
    //       }
    //     }
    // },
    // configureWebpack 与 chainWebpack 本质上没有什么区别，只是前者配置 简单方便，后者可以 更为细粒度地控制配置
     chainWebpack:  config  =>  {
        config.resolve.alias
            .set('@',  resolve('src'))
            .set('@img',resolve('src/assets/img'))
    }
}